
/**
 *  LuxarJSP
 *      - Javier Ruiz Hidalgo
 *      - Miguel Alejandro Esteban Ordoñez
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    background-color: #ff9933;
    font-family: 'Courier New',Courier,monospace;
}

#container{
    color:black;
    width:50em;
    padding: 1em;
    height:33em;
    margin:0 auto;
    border-style:outset;
    border-color: white;
    clear:both;
    background-color:#ffffcc;
    margin-bottom: 1em;
    line-height: 250%;
}

#imagenCabecera {
    -moz-border-radius: 20px;
    text-align: center;
    background-color: #fafafa;
    padding: 7px;
    margin-bottom: 10px;
}

#cabecera, #piePagina{
    -moz-border-radius: 30px;
    width: 20cm;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 20px;
    border-style:outset;
    border-color: white;
}

#cabecera{
    background-color: #ff6633;
}

#powered img{
    width: 100px;
}

#imagenPie{
    -moz-border-radius: 20px;
    background-color: white;
    padding: 6px;
    float: right;
}

#imagenPie img{
    width: 90px;
    height: 68px;
}

#tecnologias, #desarroyadores{
    color: #333333;
    font-size: 16px;
    font-family: cursive;
    text-align: center;
    margin-top: 10px;
}

#descripcionCabecera{
    text-align: center;
}

#tituloCabecera{
    text-align: center;
}

#producto{
    text-align: justify;
    width: 25cm;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#producto tr{
    background-color:  #ffc3b1;
    border: 3px white solid;
    color: #333333;
    padding: 10px;
    height: 1cm;
    font-size: 14px;
    font-family: cursive;
    font-weight: bold;
}

#producto th{
    background-color: #ff6633;
    color: #990000;
    padding: 5px;
    height: 1.5cm;
    font-size: 18px;
    font-family: cursive;
    font-style: italic;
}

#producto td{
    padding: 10px;
}

#quitarPuntos{
    font-family: "Times New Roman";
    font-size: 20px;
    top: 2em;
    right: 2em;
    bottom: 2em;
    left: 2em;
    position: relative;
    font-weight: bolder;
    text-align: justify;
    text-indent: 2px;
}